@charset "utf-8";
.mj-tabs-is-animation {overflow-x:hidden;}
.mj-tabs-hd {border-bottom:2px solid var(--gray15);margin-bottom: 15px;display: flex;align-items:center;justify-content:space-between;}
.mj-tabs-nav {display: flex;}
.mj-tabs-nav li {cursor:pointer;padding:0 20px;height:40px;line-height:40px;position: relative;transition:.3s ease;}
.mj-tabs-tab-active {color:var(--primary);}
.mj-tabs-tab-active:after {content:"";position:absolute;width:100%;height:2px;background:var(--primary);left:0;bottom:-2px;}
.mj-tabs-tab-disabled {pointer-events:none;color:var(--disabled);}
/*card style*/
.mj-tabs[type="card"] .mj-tabs-hd {border-bottom-width:1px;}
.mj-tabs[type="card"] .mj-tabs-nav li {border:1px solid var(--border-color);border-width: 1px 1px 0 1px;height:32px;line-height:32px;border-radius:5px 5px 0 0;background:var(--gray16);}
.mj-tabs[type="card"] .mj-tabs-nav li + li {margin-left: 5px;}
.mj-tabs[type="card"] .mj-tabs-nav li.mj-tabs-tab-active {background:var(--white);}
.mj-tabs[type="card"] .mj-tabs-tab-active:after {content:"";position:absolute;width:100%;height:1px;background:var(--white);left:0;bottom:-1px;}
.mj-tabs[type="card"] .mj-tabs-nav li:hover {color:var(--link);}
.mj-tabs-content {transition:all .3s;white-space: nowrap;font-size:0;}
.mj-tabs-content>div {display: inline-block;width:100%;font-size:14px;white-space: normal;}
/*tabs position=left*/
.mj-left{display: flex;}
.mj-left .mj-left-tabs-hd{display: block;margin-right: 20px;border-right: 2px solid var(--gray15);}
.mj-left .mj-left-tabs-nav{display: block;}
.mj-left-tabs-tab-active {color:var(--primary);}
.mj-left-tabs-nav li{cursor:pointer;padding:0 20px;height:40px;line-height:40px;position: relative;transition:.3s ease;}
.mj-left .mj-left-tabs-tab-active:after{content: "";background: var(--primary);position: absolute;width: 2px;height: 100%;right: -2px;bottom: 0;}

.mj-left[type="card"] .mj-left-tabs-hd {border-bottom-width:1px;}
.mj-left[type="card"] .mj-left-tabs-nav li {height:40px;line-height:40px;background:var(--gray16);}
.mj-left[type="card"] .mj-left-tabs-nav li.mj-left-tabs-tab-active {background:var(--white);}
.mj-left[type="card"] .mj-left-tabs-tab-active:after {content: "";background: var(--primary);position: absolute;width: 2px;height: 100%;right: -2px;bottom: 0;}
.mj-left[type="card"] .mj-left-tabs-nav li:hover {color:var(--link);}

.mj-tab-close i{position: relative;font-size: 16px;width: 0;height: 14px;vertical-align: middle;line-height: 15px;overflow: hidden;top: -1px;right: -2px;transform-origin: 100% 50%;}
.mj-tab-close i:hover {border-radius: 50%; background-color: #c0c4cc;color: #fff;}